<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        padding: 0;
        margin: 0;
    }
    .top{
        margin: 60px 0 100px 0;
        text-align: center;
    }
    .text{
        text-align: center;
        color: #333333;
    }
    .text .title{
        font-size: 46px;
        margin-bottom: 27px;
    }
    .text p{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .btns{
        text-align: center;
    }
    button{
        width: 138px;
        height: 45px;
        border: 1px solid #333333;
        font-size: 24px;
        color: #333333;
        text-align: center;
        background: none;
        border-radius: 24px;
        margin: 0 34px;
        cursor: pointer;
    }
</style>

<body>
    <div class="top">
        <img src="../images/404_03.png" alt="">
    </div>
    <div class="text">
        <div class="title">哎呀！</div>
        <p class="p1">客官您的咖啡被我不小心弄洒了</p>
        <p class="p1">要我给您重新点一杯吗</p>
    </div>
    <div class="btns"><button class="goback">返回首页</button><button class="refresh">点击刷新</button></div>
</body>
<script>
    var btns=document.querySelectorAll("button");
    btns[0].onclick=e=>location="../index.html";
    btns[1].onclick=e=>location.reload();
</script>

</html>